<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head>
    <title>Spreadsheet2db</title>
</h:head>
<h:body>
<!--     <h:outputStylesheet name="style.css" library="css"/> -->
    <div id="container">
        <h1>Import Google Spreadsheet to database</h1>
        <h:form id="importForm">
            <h:panelGrid columns="2">
                <h:outputLabel for="name" value="User Name:"/>
                <h:inputText id="name" value="#{importer.userName}" required="true"/>
                
                <h:outputLabel for="password" value="Password:"/>
                <h:inputSecret id="password" value="#{importer.password}" required="true"/>

				<h:outputLabel for="sheetName" value="Sheet Name:"/>
                <h:inputText id="sheetName" value="#{importer.sheetName}" required="true"/>

                <h:commandButton value="Import" action="#{importer.importSheet}"/>
                
                <h:messages showDetail="true" showSummary="false"/>
                
            </h:panelGrid>
        	<h:outputText id="errors" value="#{importer.errors}" readOnly="true"/>
        </h:form>
    </div>
</h:body>
</html>
